<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>hello Vue</title>
</head>
<body>
<div id="app">
    <!--数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：-->
    <h1>{{message}}</h1>
    <h1>{{name1}} {{name2}}</h1>
    <!--还能做一些简单的表达式-->
    <h1>{{name1 +' * '+ name2}}</h1>
    <h1>{{num * 2 + 1}}</h1>
</div>
</body>
<script src="../../css/vue.js"></script>
<script>
    const app = new Vue({
        el: "#app",
        data: {
            message: 'hello Vue',
            name1 : '皮特',
            name2 : '汤姆·克鲁斯',
            num : 20
        }
    });
</script>
</html>
